<script type="text/javascript">
$(function(){
    var puntero=0;
    $('#addBoton').click(function(){
      var thtml;
      var div;

      if($("#ActividadDetalle").val() != ''){
          numDetalle++;
          puntero = numDetalle;

          var Prefix = "data[Modelo][ParteInventariable]["+numDetalle+"]";

          thtml='<table><tr>';
		  thtml= thtml+ '<td width="80" id="tdCodigo'+numDetalle+'">';
	      thtml= thtml+ $("#CodigoDetalle").val();
		  thtml= thtml+'<td width="150" id="tdDescripcion'+numDetalle+'">';
	      thtml= thtml+ $("#DescripcionDetalle").val();
          thtml= thtml+'</td><td align="center">';
          thtml= thtml+'<input type="button" id="editar'+numDetalle+'" class="editarDetalle btnedit" style="width:10px">&nbsp;';
          thtml= thtml+'<input type="button" id="delete'+numDetalle+'" class="deleteDetalle btnerase" style="width:10px">&nbsp;';
          thtml= thtml+ '<input type="hidden" id="'+Prefix+'[codigo]" name="'+Prefix+'[codigo]">';
		  thtml= thtml+ '<input type="hidden" id="'+Prefix+'[descripcion]" name="'+Prefix+'[descripcion]">';
          thtml= thtml+ '<input type="hidden" id="'+Prefix+'[eliminado]" name="'+Prefix+'[eliminado]" value="0">';
          thtml= thtml+'</td></tr></table>';

          div = document.createElement('div');
          div.id='detalle'+numDetalle;
          div.style["position"]='relative';
          div.style["width"]='99%';

          document.getElementById('Detalle').appendChild(div);
          $("#detalle"+numDetalle).html(thtml);
          document.getElementById('detalle'+numDetalle).style["margin"]="0px";

          document.getElementById(Prefix+"[codigo]").value = $("#CodigoDetalle").val();
		  document.getElementById(Prefix+"[descripcion]").value = $("#DescripcionDetalle").val();

          $("#CodigoDetalle").val('');
		  $("#DescripcionDetalle").val('');
        } else {
            alert("Ingrese una desripcion")
        }
        $('#CodigoDetalle').focus();
    });
    $('input:button.deleteDetalle').live('click',function(e){
        e.preventDefault();
        var value = $(this).attr('id').replace('delete','');
        document.getElementById('detalle'+value).style['display']="none";
        document.getElementById("data[Modelo][ParteInventariable]["+value+"][eliminado]").value = 1;
        if(puntero == value){
            document.getElementById("addBoton").style["display"]="block";
            document.getElementById("updateBoton").style["display"]="none";
        }
    });
    $('input:button.editarDetalle').live('click',function(e){
        var value = $(this).attr('id').replace('editar','');
        var Prefix = "data[Modelo][ParteInventariable]["+value+"]";
        $("#CodigoDetalle").val(document.getElementById(Prefix+"[codigo]").value);
        $("#DescripcionDetalle").val(document.getElementById(Prefix+"[descripcion]").value);
        document.getElementById("addBoton").style["display"]="none";
        document.getElementById("updateBoton").style["display"]="block";
        puntero = value;
     });

     $('#updateBoton').click(function(){
        var value = puntero;
        var Prefix = "data[Modelo][ParteInventariable]["+value+"]";
        document.getElementById(Prefix+"[codigo]").value = $("#CodigoDetalle").val();
		document.getElementById(Prefix+"[descripcion]").value = $("#DescripcionDetalle").val();

        document.getElementById("tdCodigo"+value).innerHTML = $("#CodigoDetalle").val();
		document.getElementById("tdDescripcion"+value).innerHTML = $("#DescripcionDetalle").val();

        $("#CodigoDetalle").val('');
		$("#DescripcionDetalle").val('');

        document.getElementById("addBoton").style["display"]="block";
        document.getElementById("updateBoton").style["display"]="none";
      });
 });
</script>
<div align="left" style="padding:1px 2px 1px 2px;"><?php $session->flash(); ?></div>
<div id="addform" class="form">
<?php echo $form->create('Modelo');?>
	<fieldset>
		<legend>Nuevo Modelo</legend>
		<table>
		<tr>
			<td width="100"><strong>Marca</strong></td>
			<td><?php
				echo $form->input('marca_id',array('options'=>$marcas,'div'=>false,'label'=>false));
				echo $form->input('id',array('type'=>'hidden'));
			?></td>
		</tr>
		<tr>
			<td><strong>Tipo Vehiculo</strong></td>
			<td><?php
				echo $this->data['TipoVehiculo']['descripcion'];
				/* echo $form->input('tipo_vehiculo_id',
					array(	'div'=>false,
							'label'=>false,
							'disabled'=>true,
							'options'=>$tipo_vehiculo,
							'style'=>'width:130px',
							)); */ ?></td>
		</tr>
		<tr>
			<td><strong>Codigo</strong></td>
			<td><?php echo $form->input('codigo',array('div'=>false,'label'=>false)); ?></td>
		</tr>
		<tr>
			<td><strong>Descripcion</strong></td>
			<td><?php echo $form->input('descripcion',array('div'=>false,'label'=>false)); ?></td>
		</tr>
		<tr>
		<td colspan="2">
		<table width="100%" border="0">
		   <tr>
			  <th width="80">Codigo</th>
			  <th width="450">Descripcion</th>
			  <th class="accion">Acci&oacute;n</th>
		   </tr>
		   <tr>
			  <td valign="top"><?php
					echo $form->input('CodigoDetalle', array(
							'type'=>'text',
							'size'=>'10',
							'id'=>'CodigoDetalle',
							'div'=>false,
							'label'=>false,

						));
					?>
			  </td>
			  <td valign="top"><?php
					echo $form->input('DescripcionDetalle', array(
							'type'=>'text',
							'size'=>'80',
							'id'=>'DescripcionDetalle',
							'div'=>false,
							'label'=>false,

						));
					?>
			  </td>
			  <td valign="top">
				  <input id="updateBoton" type="button" class="btnsave" style="display: none;" value="Modificar">
				  <input id="addBoton" type="button" class="btnsave" value="Guardar"></td>
		  </tr>
		   <tr>
			   <td colspan="6">
				  <div id="Detalle" style="position: relative;width: 98%;height: 150px;overflow-y:auto;overflow-x:none; ">
				  <?php
				  $i=0;
				  foreach($this->data['ParteInventariable'] as $detalle){
						echo '<div id="detalle'.$i.'" style="margin:0px"><table width="100%"><tr>';
						$Prefix = 'data[Modelo][ParteInventariable]['.$i.']';
						echo '<td width="80" id="tdCodigo'.$i.'">'.$detalle['codigo'].'</th>';
						echo '<td width="130" id="tdDescripcion'.$i.'">'.$detalle['descripcion'].'</th>';
						echo '<td align="center">';
						echo '<input type="button" id="editar'.$i.'" class="editarDetalle btnedit" style="width:10px">&nbsp;';
						echo '<input type="button" id="delete'.$i.'" class="deleteDetalle btnerase" style="width:10px">&nbsp;';
						echo '<input type="hidden" id="'.$Prefix.'[codigo]" name="'.$Prefix.'[codigo]" value="'.$detalle['codigo'].'">';
						echo '<input type="hidden" id="'.$Prefix.'[descripcion]" name="'.$Prefix.'[descripcion]" value="'.$detalle['descripcion'].'">';
						echo '<input type="hidden" id="'.$Prefix.'[eliminado]" name="'.$Prefix.'[eliminado]" value="0">';
						echo '<input type="hidden" id="'.$Prefix.'[id]" name="'.$Prefix.'[id]" value="'.$detalle['id'].'">';
						echo '</th></tr></table></div>';
					$i++;
				  }
				  ?>
				  </div>
				  <script  type="text/javascript">
					 var numDetalle=<?php echo $i-1;?>;
				</script>
			   </td>
		   </tr>
	   </table>
		</td>
		</tr>
		</table>
	</fieldset>
<div class="actions">
<?php
e($form->submit('Guardar', array('div' => false,'value'=>true,'name'=>'save', 'class'=>'btnsave')));
if($this->data['Marca']['TipoMarca']['codigo']=='VEH'):
	echo $html->link(__('Mod. configuración', true), array('controller'=>'modelo_configuraciones','action'=>'addedit',$form->value('Modelo.id')),array('class'=>'lnkbutton btnedit'));
endif;
echo $html->link(__('Regresar', true), array('action' => 'index'),array('class'=>'lnkbutton btnback'));
echo $html->link(__('Nuevo', true), array('action' => 'add'),array('class'=>'lnkbutton btnnew'));
echo $html->link(__('Borrar', true), array('action' => 'delete', $form->value('Modelo.id')), array('class'=>'lnkbutton btnerase'), sprintf(__('seguro desea borrar el estado %s?', true), $form->value('Modelo.codigo')));
?> </div>
<?php echo $form->end();?>
</div>
<?php echo $javascript->link('add-edit_only.js',true);?>